<!Doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>LTable - 工单系统</title>

    <!-- begin::global styles -->
    <link rel="stylesheet" th:href="@{/vendors/bundle.css}" type="text/css">
    <!-- end::global styles -->

    <!-- begin::custom styles -->
    <link rel="stylesheet" th:href="@{/css/app.css}" type="text/css">
    <!-- end::custom styles -->

</head>
<body class="bg-white h-100-vh p-t-0">

<!-- begin::page loader-->
<div class="page-loader">
    <div class="spinner-border"></div>
    <span>Loading ...</span>
</div>
<!-- end::page loader -->

<div class="p-b-50 d-block d-lg-none"></div>

<div class="container h-100-vh">
    <div class="row align-items-md-center h-100-vh">
        <div class="col-lg-6 d-none d-lg-block">
            <img class="img-fluid" th:src="@{/media/svg/register.svg}" alt="...">
        </div>
        <div class="col-lg-4 offset-lg-1">
            <h3>Register</h3>
            <p>Create a new account</p>
            <form th:action="@{/registerinfo}" method="post">
                <div class="form-group mb-4">
                    <input type="text" name="username" class="form-control form-control-lg" autofocus placeholder="Username" th:value="${username}">
                </div>
                <div class="form-group mb-4">
                    <input type="email" name="email" class="form-control form-control-lg" placeholder="Email" th:value="${email}">
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-4">
                            <input type="password" name="password" class="form-control form-control-lg" placeholder="Password" th:value="${password}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-4">
                            <input type="password" name="password2" class="form-control form-control-lg" placeholder="Password again">

                        </div>
                    </div>
                    <span style="color: red" th:text="${msg}"></span>
                </div>

                <div class="form-group">
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="customSwitch" checked="">
                        <label class="custom-control-label" for="customSwitch">I agree to the Terms and Privacy.</label>
                    </div>
                </div>
                <button class="btn btn-primary btn-lg btn-block btn-uppercase mb-4">Create Account</button>

            </form>
            <p class="text-right">
                <a th:href="@{/login}" class="text-underline">Already a user?</a>
            </p>
        </div>
    </div>
</div>
</body>

<!-- begin::global scripts -->
<script th:src="@{/vendors/bundle.js}"></script>
<!-- end::global scripts -->

<!-- begin::custom scripts -->
<script th:src="@{/js/app.js}"></script>
<!-- end::custom scripts -->

</body>
</html>